:root {
  --primary-color: #5A54F9;
  --secondary-color: #646cff;
  --info-color: #1989fa;
  --success-color: #52C41A;
  --warning-color: #FAAD14;
  --error-color: #FF4D4F;
  /*以下颜色定义会在暗黑模式下替换掉*/
  --bg-panel-color:#ffffff;
  --bg-link-hover-color:rgba(0,0,0,.06);
  --font-main-color:#303133;
  --font-base-color:#606266;
  --font-secondary-color:#909399;
  --font-placeholder-color:#A8ABB2;
  --font-disabled-color:#C0C4CC;
  --border-color:#d9d9d9;
  --border-color-secondary:#f0f0f0;
  --bg-welcome-style:linear-gradient(97deg, #e9f7fc 0%, #f5f1fd 100%);
  //--bg-welcome-style:linear-gradient(97deg, rgba(90,196,255,.3) 0%, rgba(174,136,255,.3) 100%);
  --bg-body-inner:linear-gradient(0deg, rgb(252, 252, 252) 0, rgba(252, 252, 252, 0) 100%);
  --bg-body-color: #f8f8f8;
  --header-shadow-color: #d5d7ed80;
  --header-border-bottom-color: rgba(5, 5, 5, 0.06);
  --bg-aside-color: #eceef3;
  --bg-input-color: #ffffff;
  --attachment-remove-color:#fff;
}
html.dark{
  /*暗黑模式的支持*/
  //  --panel-bg-color:#1d1e1f;

  --bg-panel-color:#303133;
  --bg-link-hover-color:#1d1e1f;
  --font-main-color:rgba(255, 255, 255, 0.85);
  --font-base-color:rgba(255, 255, 255, 0.65);
  --font-secondary-color:rgba(255, 255, 255, 0.45);
  --font-placeholder-color:#A8ABB2;
  --font-disabled-color:#C0C4CC;
  --border-color: #414243;
  --border-color-secondary:#666666;
  --bg-welcome-style:linear-gradient(97deg, rgba(90,196,255,.6) 0%, rgba(174,136,255,.6) 100%);
  --bg-body-inner:linear-gradient(0deg, rgb(41, 42, 45) 0, rgba(41, 42, 45, 0) 100%);
  --bg-body-color: #292a2d;
  --header-shadow-color: rgba(41, 42, 45, .8);
  --header-border-bottom-color: rgba(250, 250, 250, 0.1);
  --bg-aside-color: #46474b;
  --bg-input-color: #303133;
  --attachment-remove-color:#141414;
}
*, :before, :after {
  box-sizing: border-box;
}
*{
  scrollbar-color:#0003 transparent; scrollbar-width: thin;
}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar:horizontal{height:6px}
::-webkit-scrollbar-track{border-radius:10px}
::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px;transition:all .2s ease-in-out}
::-webkit-scrollbar-thumb:hover{cursor:pointer;background-color:#0000004d}
a {
  font-weight: 500;
  color: var(--primary-color);
  text-decoration: inherit;
}
a:hover {
  color: var(--secondary-color);
}

body {
  //display: flex; flex-direction: column; justify-content: center;
  //place-items: center;
  min-width: 375px;
  min-height: 100vh;
  color: var(--font-main-color);
  background-color: var(--bg-body-color);
  font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif;
  line-height: 1.2;
  font-weight: 400;
  color-scheme: light dark;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset !important; font-size:inherit}
input:-webkit-autofill:disabled{-webkit-box-shadow: 0 0 0px 1000px var(--el-disabled-bg-color) inset !important;}

button {
  border-radius: 6px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: border-color 0.25s;
}

.mt10{margin-top:10px}
.mr10{margin-right:10px}

/* 重写 antdesign vue (x)的一些样式 */
.ant-layout, .ant-layout .ant-layout-header{color:var(--font-main-color);}
.ant-sender{
  background-color: var(--bg-input-color);
}
.container {
  max-width:1000px; min-width:343px; width:100%; display:flex; flex-direction:column; align-items: stretch;
  //padding-bottom: calc(env(safe-area-inset-bottom) + 20px);
  padding-bottom: 20px;
  position: relative; margin:0 auto; height:calc(100vh - 50px);
}

.ant-bubble .ant-bubble-content-outlined{background-color:var(--bg-panel-color);}
.ant-dropdown{z-index:999;}
.ant-dropdown-menu-inline-collapsed-tooltip{display:none;}